$(function() {

  $('.tutorial').click(function(e) {
    e.preventDefault();

    var base = connie_media + 'img/tutorial/';
    $.slimbox([[base + '01.png', "Learn to use CONNIE in less than 10 minutes"],
               [base + '02.png', "Select a region"],
               [base + '03.png', "Close message, and zoom in"],
               [base + '04.png', "Zoom again"],
               [base + '05.png', "Click on a source (for eg, spawning at Lord Howe)"],
               [base + '06.png', "Specify a release period"],
               [base + '07.png', "Specify a dispersal time and depth"],
               [base + '08.png', "Select a display statistic and colour-bar properties"],
               [base + '09.png', "Specification is complete, now submit the job"],
               [base + '10.png', "Results are typically available in less than 30 seconds"],
               [base + '11.png', "Select final stats (i.e. distribution at end of the dispersal period)"],
               [base + '12.png', "...and resubmit the job"],
               [base + '13.png', "Change the source to a sink (i.e. upstream)"],
               [base + '14.png'],
               [base + '15.png', "You can also specify particle behaviour"],
               [base + '16.png', "Start with simple diel migration"],
               [base + '17.png', "For example, plankton descending during daylight"],
               [base + '18.png', "Dispersion with diel vertical migration"],
               [base + '19.png', "Here is the pattern again without diel vertical migration"],
               [base + '21.png', "Now change behaviour to replicate a surface slick"],
               [base + '22.png', "Results for cumulative stats"],
               [base + '24.png', "And the corresponding final stats"],
               [base + '25.png', "You can also specify multiple behavioural phases"],
               [base + '26.png', "In this example a surface slick switching to diel migration"],
               [base + '27.png'],
               [base + '28.png', "Finally, here is the upstream region for Lord Howe based on a 60 day dispersal time"]
              ],
              0, {
                captionAnimationDuration: 1, // disable
                overlayFadeDuration: 1, // disable
                resizeDuration: 1, // disable
                imageFadeDuration: 1, // instant
                counterText: 'Step {x}'
              });
  });

});
